<template>
    <!-- 组件的结构 -->
    <div>
        <h4>学生姓名:{{name}}</h4>
        <h4>学生年龄:{{age}}</h4>
         <button @click="showName">点击显示</button>
    </div>
</template>

<script>
    // 组件交付相关的数据，方法等
    export default {
        name : 'Student',
        data(){
            return {
                name:'张三',
                age:18,
            }
        },
        methods:{
            showName(){
                alert(this.name)
            }
        }
    };

    // export {Student}
    // export default Student

</script>
